¿Hay alguna forma de probar onOk y onCancel? Ya intenté probar onCancel usando fireEvent.keyDown pero no funciona como esperaba.
<> <AntdModal data-testid="modal-window" width={583} visible={visible} onOk={() => setVisible(false)} onCancel={() => setVisible(false)} closable={false} header={null} footer={null} > <span className="modal-header"> {headerText} </span> {children} </AntdModal> </>La razón principal por la que me gustaría probar este es porque necesito cubrir mis pruebas en más del 80%...
*.prueba.js:
it('should modal disappear after cancel click', async () => { const { container } = render( <ModalWindow headerText="header" setVisible={jest.fn} visible> <div>children</div> </ModalWindow>, ); const modal = screen.getByTestId('modal-window'); expect(modal).toBeInTheDocument(); fireEvent.keyDown(container, { key: 'Escape', code: 'Escape', keyCode: 27, charCode: 27, }); await waitFor(() => { expect(modal).not.toBeInTheDocument(); }); });Si solo se trata de la cobertura del código (y en su caso, del olor del código), sugeriría declarar () => setVisible(false) como constante. Esto reducirá un código duplicado (posible generación de errores) y no necesitará probar bibliotecas externas en su código.